// 消息弹窗功能
const toastContainer = document.querySelector('.toast-container');
const showMessageButton = document.querySelector('#showMessage');

// 创建消息弹窗
function showToast(message, type = 'info', duration = 3000) {
    // 创建消息元素
    const toast = document.createElement('div');
    toast.className = `toast ${type}`;
    toast.textContent = message;

    // 添加到容器
    toastContainer.appendChild(toast);

    // 自动移除消息
    setTimeout(() => {
        toast.style.animation = 'slideOut 0.75s forwards';
        setTimeout(() => {
            toast.remove();
        }, 750);
    }, duration);
}

// 按钮点击事件
// showMessageButton.addEventListener('click', () => {
//     showToast('这是一条成功消息！', 'success');
//     setTimeout(() => {
//         showToast('这是一条错误消息！', 'error');
//     }, 1000);
//     setTimeout(() => {
//         showToast('这是一条普通消息！');
//     }, 2000);
// });

// 全局快捷方式
window.toast = showToast;

// 测试：页面加载后显示一条消息
// window.onload = () => {
//     showToast('欢迎使用消息弹窗功能！', 'info');
// };